<!DOCTYPE html>
<html lang="en" ng-app='myApp'>
<head>
    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width,initial-scale=1.0,user-scalable=no'>
    <title>5客蛋糕官网丨这一刻，只因分享</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="js/flexible.js"></script>
    <script src="./components/jquery/dist/jquery.js"></script>

    <script>
        var s_width = document.querySelector("html").offsetWidth;
        document.querySelector("html").style.fontSize = (s_width / 750) * 100 + 'px';
    </script>

</head>
<body style="zoom: 1;">
<div ui-view="mainView">

</div>

<footer class="footer-nav" ng-controller="main.ctrl">
    <a ui-sref="index" ng-class="{active:activeIndex == 'index'}" ng-click="change('index')">
        <span></span>
        <i>首页</i>
    </a>
    <a ui-sref="category"  ng-class="{active:activeIndex == 'fenlei'}" ng-click="change('fenlei')">
        <span></span>
        <i>分类</i>
    </a>
    <a  ui-sref="cart" ng-class="{active:activeIndex == 'cart'}" ng-click="change('cart')">
        <span></span>
        <i>购物车</i>
    </a>
    <a ui-sref="login" ng-class="{active:activeIndex == 'my'}" ng-click="change('my')">
        <span></span>
        <i>我的</i>
    </a>
</footer>

<script src='./components/angular/angular.js'></script>
<script src='./components/angular-ui-router/release/angular-ui-router.js'></script>
<script src='js/app.js'></script>
<script src='js/services.js'></script>
<script src='js/controller.js'></script>
</body>
</html>